/**
 ** file: csl-slplus-boxed.css
 ** label: Basic Boxes Theme
 **
 ** Side-by-side boxes for output listing.
 **
 **/

/***** Area Above Map DIV. Contains Search Form Inputs *****/
.sl_header img, .sl_header td {
    border: none;
    cursor: pointer;   
}

.sl_header #addressSubmit {
    /* like-a-button */
    background: #FFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FFF,  #DDD); /* for firefox 3.6+ */
    text-decoration: none;
    
    font-size: 14px;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    height: 26px;
    margin: 0px 2px 2px 0px;
    padding: 0px 4px;
    text-align: center;
    cursor: pointer;
    color: #5F5E5E;
    display: block;
    
    /* Corners */
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -khtml-border-radius: 6px;
    
    /* Shadow */
    -moz-box-shadow: 0px 1px 3px #AAA;
    -webkit-box-shadow: 0px 1px 3px #AAA;
    box-shadow: 0px 1px 3px #AAA;           
}    

.sl_header #addressSubmit:hover {
    margin: 2px 0px 0px 2px;
    -moz-box-shadow: 0px 0px 0px #AAA;
    -webkit-box-shadow: 0px 0px 0px #AAA;
    box-shadow: 0px 0px 0px #AAA;           
}    


.sl_header td {
	vertical-align:top;
	text-align:left;
}
.sl_header td, .sl_header th, .sl_header tr {
	padding:4px;
}

table#search_table td {
    border: none;
}

/***** Search Form Inputs  *****/
#address_search {
    width: 600px;
}
#address_search LABEL {
    text-align: right;
    min-width: 100px;
    font-size: 14px;
    display:block;
    float: left;
    padding-right: 8px;
}

#address_search SELECT {
	margin:0px 6px 0px 0px;
}

#address_search INPUT {
	margin:0px 6px 0px 0px;
}



#address_search .search_item {
	display: block;
	float: none;
	clear: both;
}

#address_search .search_item INPUT {
	border:solid 1px silver;
	padding-left:3px; 
	background:white url(../images/search-input.gif) repeat-x;
	color: black;
	margin:0px 6px 0px 0px;
	width: 256px;
	padding-top:0px;
}

#address_search .search_item SELECT {
	margin:0px 6px 0px 0px;
}

#addy_in_city {
    clear: both;
    float: left;
	margin-right: 6px;
}
#addy_in_country {
    float: left;
}
div#addy_in_address.search_item {
    clear:both;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 377px;
    float: left;
}
#addy_in_radius {
    clear: both;
    float: left;
    padding-top: 3px;
    padding-right: 0px;
}

#radius_in_submit {
    float: left;
    width: 300px;
    padding-top: 3px;
}



/**** Map Box
 ** 
 ** Since we only use these div IDs when a static image is present
 ** we start with the image shown and map hidden.  JQuery will flip
 ** this for us.
 **
 **/

#map_box_image {
    display: block; 
}

#map_box_map {
    display: none;
}


/***** Store Locator Map DIV *****/
#sl_div {
	padding: 0px;
	font-weight:bold;
}
#sl_div a {
}
#sl_div a.storelocatorlink {
	color:#0000FF;
}
#sl_div a:hover.storelocatorlink {
	color:#4444FF;
}
#sl_div img {
	background-color:transparent;
	background-image:none;
	max-width:none; 
}
#sl_div table, #sl_div tr, #sl_div td {
	border:none;
	margin: 0px;
}
#sl_div #map { 
	color:black; 
	font-weight:normal;
	border: solid 2px black;
}

#sl_div #map img {
    visibility: visible;    
}

table#map_table td {
    border: none;
}

/***** Popup Info Window for Specific Location *****/
#sl_info_bubble { 
	padding:10px; 
	max-width:300px; 
	font-size:11px; 
	font-family:Arial;
	text-align:justify;
	line-height:normal;
}
#sl_info_bubble img{
	width:250px; 
	max-height:200px;
	border:0px;
}
#sl_info_bubble .your_location_label{
	font-weight:bold;
}
#sl_info_bubble .location_detail_label{
	font-weight:bold;
}

/***** Area Below Map DIV, before Search Results Area *****/
.sl_footer td, .sl_footer td a, .sl_footer td a:link, .sl_footer td a:hover, .sl_footer td a:active, .sl_footer td a:visited {
	font-weight:normal;
	font-size:10px;
}
.sl_footer {
	background-color:black;
	padding:0px;
	border:0px black solid;
	color: #222;
}
.sl_footer a {
	color:#666;
	font-weight:bold;
	border:0px black solid;
	padding-left:5px;
}
.sl_footer_right_column {
	padding-right:5px;
	text-align:right;
}
.sl_footer_left_column {
	text-align:left;
}

/*****Search Results Area *****/
.searchResultsTable td {
	line-height:12px;
	font-family: Verdana;
	font-size:10px;
	text-align:left;
}
.text_below_map {
	/*shown before search performed */
	font-family:Arial;
	padding:20px;
	font-size:18px;
	text-align:justified;
}
.no_results_found {
	/*shown if no results found */
	padding:10px;
}
#map_sidebar { 
	/*shown for results found for specific query */
	background-color:transparent;
	font-weight:normal;
	text-align:justify;
	overflow: auto;
	height:150px;
	font-size: 11px;
}

/*-----------------------------------
 * Results Table Under The Map
 */
.results_entry {
    background-color: #F4F4AA;
    border: 2px solid black;
    color: #444444;
    cursor: pointer;
    float: left;
    height: 140px;
    margin: 0 2px 2px;
    padding: 3px;
    position: relative;
    width: 177px;
}
.results_entry:hover {
	background-color: #FFFFDD;
}

#content tr td .results_row_left_column {
	width: 177px;
	height: 50px;
	margin: 0px;
	padding: 0px 3px;
	position: absolute;
	left: 0px;
	top: 0px;
	border:none;
	text-align:center;
	color: #888;
}

#content tr td .results_row_center_column {
	width: 177px;
	height: 50px;
	margin: 0px;
	padding: 0px 3px;
	position: absolute;
	left: 0px;
	top: 52px;
	border:none;
	text-align:center;
}
#content tr td .results_row_right_column {
	width: 177px;
	height: 50px;
	margin: 0px;
	padding: 0px 3px;
	position: absolute;
	left: 0px;
	top: 104px;
	border:none;
	text-align:center;
}

#content tr td .results_row_left_column .location_name {
    color: black;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 177px;
}

div#map_sidebar .results_row_right_column A.storelocatorlink {
    text-decoration: none;
    color: #8888FF;
}
div#map_sidebar .results_entry TABLE {
    padding: 0px;
    margin: 0px;
}

/* Results Scrollbar */

